<template>
  <div class="header">
    <div class="head-info">
      <div class="iconfont icon-ji"></div>
      <div class="title">Chicken_Music</div>
    </div>
    <router-link to="/user">
      <div class="iconfont icon-yonghu-yuan"></div>
    </router-link>
  </div>
</template>

<style lang="less">
@import "@styles/index.less";
.header {
  position: relative;
  .wh(375,44);
  background: @bgcolor;
  .head-info {
    display: flex;
    align-items: center;
    justify-content: center;
    .title {
      text-align: center;
      color: @c;
      .lh(44);
      .fs(18);
    }
    .icon-ji {
      .fs(25);
      color: @c;
      .margin(0,10,0,0);
    }
  }
  .icon-yonghu-yuan {
    .fs(22);
    position: absolute;
    .right(10);
    .top(10);
    color: @c;
  }
}
</style>
